(function(){
    window.AppLeft={
        template:`  <div class="col-sm-3 col-md-2 sidebar">
        <ul class="nav nav-sidebar">
        <!--
            1.router-link默认渲染出来的是a标签，
            如果需要让它渲染出来其他的标签，则可以使用tag属性指定渲染后的标签
            2.可以在每个router-link上使用active-class来激活css类名
            或者是在路由实例中，使用linkActiveClass 全局配置 css类名
            3.默认exact是false，也就是路由样式会模糊匹配
            /a的样式也会激活/，当添加上exact就会开启精确匹配
        -->

        <router-link to="/" tag="li" exact>
            <a>首页</a>
        </router-link>
        <router-link to="/news" tag="li">
            <a>新闻管理</a>
        </router-link>
        <router-link to="/about" tag="li">
            <a>关于我们</a>
        </router-link>
        </ul>
      </div>`
    }
})()